<head>
<meta charset="utf-8"/>
<title></title>
<meta name="viewport" content="width=device-width, initial-scale=1">

<link href="../../css/bootstrap.min.css" rel="stylesheet" type="text/css"/>
<link href="../../css/beyond.min.css" rel="stylesheet" type="text/css"/>
<link href="../../css/font-awesome.min.css" rel="stylesheet" type="text/css"/>
<link href="../../css/skins/blue.min.css" rel="stylesheet" type="text/css"/>


</head>
<body ms-controller="msApp" >

<style type="text/css">
.page-container    {
    padding-top:0px;
}
</style>
<div class="page-container">
    <div class="page-body">
        <div class="row">
            <div class="databox databox-lg databox-halved radius-bordered databox-shadowed databox-vertical">
                <div class="databox-top bg-white padding-10">
                    <div class="col-xs-4">
                        <img class="image-circular bordered-3 bordered-palegreen" style="width:60px; height:60px;" src="../../images/avatar.png">
                    </div>
                    <div class="col-xs-8 text-align-left padding-10">
                        <span class="databox-header carbon no-margin">游客</span>
                        <span class="databox-text lightcarbon no-margin"> 什么也没说 </span>
                    </div>
                </div>
                <div class="databox-bottom bg-white no-padding">
                        <div class="databox-row padding-5">
                            <button class="btn btn-palegreen btn-sm pull-right">设置</button>
                        </div>
                </div>
            </div>


            <div class="dd dd-draghandle">
                <ol class="dd-list">
                    <li ms-repeat="pagelist" ms-click="openPageWin(el)" class="dd-item bordered-blue dd2-item dd-colored">
                        <div ms-class="bg-azure:$index % 2 == 0" ms-class-2="bg-blue:$index % 2 == 1" class="dd2-content no-hover">{{el.name}}</div>
                    </li>
                </ol>
            </div>
        </div>
    </div>
</div>
</body>
<script src="../../js/avalon.modern.shim.min.js"></script>
<script src="../../js/EasyApp.js"></script>
<script charset="utf-8" type="text/javascript">
var msApp = avalon.define({
    $id:'msApp',
    pagelist:[],
    openPageWin:function(el){
        var url = "../Page/index.html?id="+el.id;
        $.openWin(url,'Page');
        return false;
    }
})
$(function(){
    var app = $.App();
    $.getPageList(app.id,function(req){
        msApp.pagelist = req['data'];
    })
    $('.sidebar').width(api.winWidth - (api.winWidth / 6.67)+'px');
})
</script>
